<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>快速购物导航</title>
    <style>
        img{
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <div style="position: fixed; top: 30%; left: 93%;">
        <h1><a href="#img1">F1</a><br></h1>
        <h1><a href="#img2">F2</a><br></h1>
        <h1><a href="#img3">F3</a><br></h1>
        <h1><a href="#img4">F4</a><br></h1>
        <h1><a href="#img5">F5</a></h1>
        
    </div>
    <a name="img1"><img src="img/img1.png" alt="第一个页面" title="第一个页面" ></a>
    <a name="img2"><img src="img/img2.png" alt="第二个页面" title="第二个页面" ></a>
    <a name="img3"><img src="img/img3.png" alt="第三个页面" title="第三个页面" ></a>
    <a name="img4"><img src="img/img4.png" alt="第四个页面" title="第四个页面" ></a>
    <a name="img5"><img src="img/img5.png" alt="第五个页面" title="第五个页面" ></a>
    
</body>
</html>